<template>
  <div>
    <table class="list-table">
      <thead>
        <tr class="table-title aaa">
          <th class="tac" :colspan="5">加保</th>
          <th class="tac" :colspan="4">减保</th>
          <th class="tac" :colspan="4">汇总</th>
          <th class="tac" :colspan="1">总计</th>
        </tr>
        <tr class="table-title bbb">
          <th class="tac">方案</th>
          <th class="tac" v-for="(item, i) in alarms_models" :key="i">
            {{ item }}
          </th>
          <th class="tac"></th>
        </tr>
      </thead>
      <tbody>
        <tr class="table-content" v-for="(item, i) in alarms_ir">
          <td class="tac1" v-for="(ele, index) in item" :key="i">{{ ele }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup lang="ts">
const alarms_ir = [
  ['1-1', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-2', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-3', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-4', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-5', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-6', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-7', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-8', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-9', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
  ['1-10', 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, 30],
]
const alarms_models = [
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
  '100w',
]
</script>

<style lang="scss" scoped>
.list-table {
  width: 100%;
  margin: 10px 0;
  .aaa {
    background-color: #f4f4f7;
  }
  .bbb {
    background-color: #eaeaef;
  }
  .table-title {
    border: none;
    color: #000000;
    font-weight: 700;
    font-size: 17px;
    .tac {
      position: relative;
      padding: 9px 15px;
      height: 20px;
      line-height: 20px;
      font-weight: normal;
    }
  }
  .table-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    .tac1 {
      text-align: center;
      padding: 10px 10px;
      height: 20px;
      line-height: 20px;
      font-size: 14px;
      border: 1px solid #ccc;
      color: black;
    }
  }
}
</style>
